.a{
    outline:none;
    border:2px solid red;
    background-color: red;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.a:hover
{
    background-color:green ;
    border:2px solid green;
}
.b{
    background-color: red;
    border:2px solid red;
    font-size: xx-small;
    padding: 5px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.b:hover
{
    background-color:green ;
    border:2px solid green;
}
.c{
    background-color: red;
    border:2px solid red;
    font-size: xx-large;
    padding: 15px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.c:hover
{
    background-color:green ;
    border:2px solid green;
}
.d{
    background-color: red;
    border:2px solid red;
    font-size: large;
    padding: 10px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.d:hover
{
    background-color:green ;
    border:2px solid green;
}
.e{
    background-color: blue;
    border:2px solid blue;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.e:hover
{
    background-color:green ;
    border:2px solid green;
}
.f{
    background-color: blue;
    border:2px solid blue;
    font-size: xx-small;
    padding: 5px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.f:hover
{
    background-color:green ;
    border:2px solid green;
}
.g{
    background-color: blue;
    border:2px solid blue;
    font-size: xx-large;
    padding: 15px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.g:hover
{
    background-color:green ;
    border:2px solid green;
}
.h{
    background-color: blue;
    border:2px solid blue;
    font-size: large;
    padding: 10px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.h:hover
{
    background-color:green ;
    border:2px solid green;
}
.i{
    background-color: ghostwhite;
    border:2px solid  ghostwhite;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.i:hover
{
    background-color:green ;
    border:2px solid green;
}
.j{
    background-color:  ghostwhite;
    border:2px solid  ghostwhite;
    font-size: xx-small;
    padding: 5px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.j:hover
{
    background-color:green ;
    border:2px solid green;
}
.k{
    background-color:  ghostwhite;
    border:2px solid  ghostwhite;
    font-size: xx-large;
    padding: 15px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.k:hover
{
    background-color:green ;
    border:2px solid green;
}
.l{
     background-color:  ghostwhite;
     border:2px solid  ghostwhite;
    font-size: large;
    padding: 10px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.l:hover
{
    background-color:green ;
    border:2px solid green;
}

.m{
     background-color: black;
     border:2px solid black ;
     color:white;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.m:hover
{
    background-color:green ;
    border:2px solid green;
}
.n{
    background-color: black;
    border:2px solid black;
    color:white;
    font-size: xx-small;
    padding: 5px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.n:hover
{
    background-color:green ;
    border:2px solid green;
}
.o{
    background-color: black;
    border:2px solid black;
    color:white;
    font-size: xx-large;
    padding: 15px;
    transition:all 2s;
    -webkit-transition:all 2s;
    -webkit-transition:all 2s;animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
.o:hover
{
    background-color:green ;
    border:2px solid green;
}
.p{
    background-color: black;
    border:2px solid black;
    color:white;
    font-size: large;
    padding: 10px;
    transition:all 2s;
    -webkit-transition:all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s;
}
@keyframes myfirst
{
    from {background:red;}
    to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {background:red;}
    to {background:yellow;}
}
.p:hover
{
    background-color:green ;
    border:2px solid green;
}
:active{
    color:yellow;
}
